@charset "utf-8";/* CSS Document */
body {font-size: 13px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}


.form2{position:relative;}
.inputBox_head{ background:#5a5a5a; line-height:27px; padding-left:37px; width:249px; background:url(sousuo_left.jpg) no-repeat left center; }
.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:39px; height:27px; position:absolute; right:0;}

.zzjl_indexbg{ background:#3c3c3c; padding-top:22px; padding-bottom:22px; overflow:hidden; text-align:left;}
.zzjy_li01{ padding:0px; width:21%;}
.zzjy_li01 p{ color:#fff; font-size:24.5px; line-height:30.5px;}
.zzjy_li01 p span{ display:block; color:#fff; font-size:26px; line-height:36px;}
.zzjy_li01 span{ color:#b0b0b0; font-size:12px;}
.zzjy_ul{ padding:0px; margin-bottom:0px;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.zzjy_ul li{ padding:10px 15px 10px 97px;}
.zzjy_ul li p{ color:#ffffff; font-size:22px; }
.zzjy_ul li span{ color:#ffffff; font-size:14px; line-height:20px;}
.zzjy_li02{ background:url(jingyan01.jpg) no-repeat left center; width:26%;}
.zzjy_li03{ background:url(jingyan02.jpg) no-repeat left center; width:26%;}
.zzjy_li04{ background:url(jingyan03.jpg) no-repeat left center; width:26%;}
.zzjy_right01{ background:url(jingyan_li.jpg) no-repeat right center; padding-right:15px;}
.zzjy_right02{ background:url(jingyan_right.jpg) no-repeat right center; padding-right:38px;} 

.pro_index_bg{ padding-bottom:60px; padding-top:52px; clear:both; overflow:hidden;}
.pro_title{ text-align:left; margin-bottom:30px; position:relative;}
.pro_title p{  font-size:36px; color:#3b3b3b;}
.pro_title span{ font-size:18px; color:#989898; line-height:23px;}
.pro_title a{ position:absolute; right:0; z-index:5; font-size:16px; color:#8f8f8f; background:url(pro_more.jpg) no-repeat right center; padding-right:25px; bottom:10px;}

.prolist_fl{ clear:both; overflow:hidden; margin-bottom:36px;}
.prolist_fl li{ padding:0 2px 8px 2px; text-align:left;}
.prolist_fl li a{ background: url(prolist_right.png) no-repeat right 21px center #454545; padding-left:20px; display:block; line-height:49px; font-size:18px; color:#FFF;}
.prolist_fl li a p{background: url(prolist_left.png) no-repeat left center; padding-left:47px; }
.prolist_fl li a:hover{ background: url(prolist_right.png) no-repeat right 21px center #0055b0; }

.prolist_tr{ clear:both;display: flex;flex-wrap: wrap; overflow:hidden; font-size:0px; }
.pro_ts{ position:relative;}
.pro_ts p{ position:absolute; bottom:0; z-index:999; background:#222832; opacity:0.8; width:100%;line-height:45px !important;  font-size:16px; color:#ffffff;}
.pro_ts img{ height:100%;}
.prolist_tr li{ margin-bottom:21px; padding-left:13px; padding-right:13px;}
.prolist_tr li a{ display:block; border:1px solid #cccdd0;}
.prolist_tr li a div{text-align:center; background:#e8e8e8; padding-top:6px; padding-bottom:13px;}
.prolist_title{  font-size:18px; color:#3a3a3a; line-height:33px; height:33px; overflow:hidden;}
.prolist_zc{  font-size:12px; color:#3a3a3a; margin-bottom:10px;}
.prolist_tr li a span{ color:#3a3a3a; text-transform: uppercase; border:1px solid #FFF; width:116px; line-height:16px; display:block; margin:0 auto; font-size:12px; border-radius:25px;}

.about_index{background:url(about_bg.jpg) no-repeat top center; padding-top:79px; position:relative; padding-bottom:37px; } 
.about_left{ width:47%; float:left; margin-bottom:20px; text-align:left;}
.about_title{ font-size:36px; color:#ffffff; font-weight:bold; background:url(about_title.jpg) no-repeat left bottom; padding-bottom:20px; margin-bottom:25px;}
.about_title_en{font-size:38px; color:#ffffff; }
.about_nr{ font-size:16px; color:#ffffff; line-height:27px;}
.about_left a{ width:160px; line-height:38px; display:block; text-align:center; font-size:16px; color:#FFF; background:#e77817; margin-top:25px;}
.about_right{ width:50%; float:right; margin-bottom:65px;}
.about_right img{ width:auto; max-width:100%;}
.about_ul{overflow:hidden; width:100%; margin-bottom:0px;display: flex;flex-wrap: wrap;}
.about_ul li img{ width:unset; max-width:100%;}
.about_ul li{ float:left; width:23%; text-align:center; background:#f5f6fa; padding:43px 25px 50px 25px; margin-left:1%; margin-right:1%;}
.about_ul li p{ color:#525252; font-size:16px; line-height:22px;  }
.about_ul li h2{ color:#004899; font-size:72px; line-height:87px; font-weight:bold;}
.about_ul li div{ display: flex; flex-wrap: wrap; margin: 0 auto; margin-top:20px;    justify-content: center;}
.about_emx{ font-size:18px; color:#004899; margin-top:50px;}
.about_ems{ font-size:24px; color:#004899;}
.about_ul01 .about_emx{ margin-left:-15px;}

.youshi_bg{overflow:hidden; clear:both; padding-top:50px; padding-bottom:43px; background:url(youshi_bg.jpg) no-repeat top center;}
.youshi_title{overflow:hidden; clear:both; margin-bottom:40px;  }
.youshi_title p{ font-size:48px; color:#000000; line-height:71px; font-weight:bold; }
.youshi_title p b{ font-size:65px; color:#e77817; margin:0 5px;}
.youshi_title span{ font-size:18px; color:#989898; line-height:26px;}
.youshi_index{ overflow:hidden; text-align:left; clear:both;}
.youshi_div{ clear:both; overflow:hidden;display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
.youshi_div img{ width:auto; max-width:100%;}
.youshi01{ padding-left:71px; background: url(cnuo_01.jpg) no-repeat left top;}
.youshi02{ padding-left:71px; background: url(cnuo_02.jpg) no-repeat left top;}
.youshi03{ padding-left:71px; background: url(cnuo_03.jpg) no-repeat left top;}
.youshi_t{color:#333333; font-size:32px; }
.youshi_en{ font-size:14px; color:#cccccc; text-transform:uppercase;  background:url(cnuotitle.jpg) no-repeat bottom left; width:100%;padding-bottom:20px; margin-bottom:10px; }
.youshi_d{overflow:hidden; clear:both;}
.youshi_d li{ font-size:16px; color:#2d2d2d; line-height:29px;}
.youshi_d li span{ color:#ff7e00; display:inline;}
.youshi_div a{ background:#000000; display:block; width:136px; line-height:39px; color:#FFF; text-align:center; font-size:14px;}
.youshi_img_right{ text-align:right;}
.youshi_img_left{ text-align:left;}

.zs_index_bg{ clear:both; overflow:hidden; background:url(zs_bg.jpg) no-repeat top center; padding-top:60px; padding-bottom:85px;   }
.swiper-zs{ overflow:hidden; position: relative; }
.swiper-zs .swiper-wrapper{ margin-bottom:66px;}
.swiper-zs a{ padding:14px; background:url(zs_libj.png) no-repeat center; background-size:100% 100%;}
.swiper-zs img{}
.swiper-zs li p{ font-size:18px; color:#2d2d2d; clear:both; line-height:80px; height:80px; overflow: hidden;}
.swiper-scrollbar-drag{ background:#444444 !important;}
.swiper-scrollbar{ background: rgba(194, 194, 194, .1) !important;}

.news_index{ background:url(news_bg.jpg) no-repeat bottom center; clear:both; overflow:hidden; padding-bottom:82px; padding-top:58px;}
.home_title{ margin-bottom:70px;}
.home_title p{font-size:20px; color:#838383; line-height:30px;}
.home_title h2{font-size:45px; color:#0c0c0c; font-weight:bold; line-height:71px;}
.news_left{ overflow:hidden; float:left; position:relative; padding-right:0px; text-align:left; width:38.7%;}
.news_left a{ display:block; width:100%;}
.news_left h3{ background:#000000ab; bottom:0; font-size:14px; color:#ffffff; width:100%; z-index:19; position:absolute; line-height:47px; padding-left:15px; }
.news_left img{width:100%;}
.news_right{ width:57%; float:right;}
.news_ul{ text-align:left;}
.news_ul li{ margin-bottom:17px; clear:both; overflow:hidden;}
.news_time{  padding:37px 0 0 0;}
.news_time p{ font-size:14px; color:#999999; }
.news_time span{ color:#484c4c; font-size:24px; font-weight:bold;}
.news_home_r{ background:url(news_hei.png) no-repeat left 15px bottom 11px; padding-bottom:31px; border-left:1px solid #eeeeee; padding-top:4px; }
.news_home_r h3{ font-size:22px; color:#0c0c0c;line-height:36px; font-weight:bold;}
.news_home_r p{ font-size:14px; color:#666666; display:block; line-height:24px; height:48px; overflow:hidden;}

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #202326; clear:both; overflow:hidden; padding-top:80px;}
.foot_left{ float:left; text-align:left; width:25%; padding-top:30px; }
.foot_left img{ width:auto; margin-bottom:28px; max-width:100%;}
.foot_left p{ color:#ffffff; font-size:14px;}
.foot_right{ width:68%; float:right; margin-bottom:25px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.foot_right ul{ text-align:left; background:url(foot_t.jpg) no-repeat top left; padding-left:0px; min-width:150px;}
.foot_right ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:77px;}
.foot_right ul li a{ font-size:16px; color:#a9a9a9; line-height:32px; } 
.foot_right ul li{ font-size:16px; color:#a9a9a9; line-height:32px;  } 
.foot03 li{ max-width:270px;}
.foot03 span{ font-size:35px; color:#FFF; font-weight:bold; line-height:60px; display:block; }
.foot03 a{ font-size:18px; color:#f49505; background:url(foot_jt.png) no-repeat right center; padding-right:35px; }

.footer_index{ clear:both; background:#1d1b1b; padding:15px; border-top: 1px solid #393c3e;}
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}
.related_product{font-size:14px; line-height:25px;}



@media (max-width: 1200px) {           
.zzjy_ul li{ padding: 10px 10px 10px 87px;}
.zzjy_right02{ background:none; padding-right:0px;}
.zzjy_right01{ padding-right:10px;}
.zzjy_li01 p{ font-size:20px;}
.zzjy_li01 p span{ font-size:22px;}


}

@media (max-width: 992px) {           
.zzjy_li01{ display:none;}
.zzjy_ul li{ width:33%; }
.zzjy_right01{ background:none; padding-right:0px;}
.home_title{ margin-bottom:30px;}
.about_ul li h2{ font-size:40px;}
.about_ul li{ padding:15px;}
.about_title{ font-size:32px;}


.foot_index_bg{ padding-top:0;}
.foot_left img{ margin-bottom:0px;}
.foot_left{ width:100%; text-align:center; margin-bottom:25px;}
.foot_right{ width:100%;}
}

@media (max-width: 768px) {           
.zzjy_ul li{ min-height:100px; padding-right:10px; }
.zzjy_ul li{ width:100%; }
.zzjy_ul li{ padding: 10px 10px 10px 100px;}
.news_left{ width:100%;}
.news_right{ width:100%;}
.news_home_r{ background:none; padding-bottom:0px; border:none; padding-left:0px;}
.news_time p{ display:none;}
.news_time{ padding:0;}
.news_ul li{ margin:20px 0 0 0;}
.about_right{ display:none;}
.about_left{ width:100%;}
.about_index{ padding-top:25px; }
.about_ul li{ width:48%; margin-bottom:20px;}
.youshi_div img{ display:none;}
.youshi_bg{ background:none; padding-top:10px;}
.youshi_div{ margin-bottom:15px;}

}

 @media (max-width:600px) { 
.foot01{ width:50%; margin-bottom:25px;}
.foot02{ width:50%;}
.foot03{ width:100%;}
.news_index{ padding-top:35px;}
.news_title{margin-bottom:20px;}
.swiper-zs a{ padding:7px;}
.zs_index_bg{ padding-top:30px; padding-bottom:40px; }

 }
  
 @media (max-width:425px) { 
.foot01{ width:50%; min-width:50% !important;}
.foot02{ width:50%; min-width:50% !important;}



 }